<template>
    <div id="title">
        <div class="title">
          <span class="txt_fff txt_18 title_small">ARK2.5 示例项目</span>
          <div class="title_right">
            <el-menu
              :default-active="activeIndex2"
              class="el-menu-demo"
              mode="horizontal"
              @select="handleSelect"
              background-color="#0c2f69"
              text-color="#fff"
              active-text-color="#ffd04b">
              <el-menu-item index="4">计划</el-menu-item>
            </el-menu>
          </div>
        </div>
    </div>
</template>

<script>
export default {
  name: 'navigation',
  data() {
    return {
      activeIndex2: '1'
    };
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    }
  }

};
</script>
<style>
  /*#title*/
</style>
<style scoped>
    .title_small{
      position: absolute;
      left:30px;
    }
    .title_time{
      color: #ff891a;
      margin: 0 auto;
    }
    .title_right{
      float: right;
    }
    .title{
        background: #0c2f69;
        height: 60px;
        line-height: 60px;
        width: 100%;
        text-align: center;
    }
    .txt_fff{
      color: #FFF;
    }
    .txt_18{
      font-size: 20px;
    }
</style>
